<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../home.xhtml"

                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"

                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administrar Almacén
            </h3>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-2">
                                <h:panelGroup>
                                    <h:button value="Nuevo Producto" styleClass="btn btn-primary" outcome="create.xhtml"/>
                                </h:panelGroup>
                            </div>
                        </div>
                        <p:spacer height="10" />
                        <h:form id="frmAlmacenLst">
                            <f:event type="preRenderView" listener="#{almacenBean.initLista()}"/>
                            <p:dataTable value="#{almacenBean.almacenes}" var="listal" paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                                         paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                                         emptyMessage="No hay productos registrados">
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        #
                                    </f:facet>
                                    <h:outputText value="#{rowIndex+1}" />
                                </p:column>
                                <p:column style="text-align: left;">
                                    <f:facet name="header">
                                        Nombre de Producto
                                    </f:facet>
                                    <h:outputText value="#{listal.producto.nombre}" />
                                </p:column>
                                <p:column style="text-align: left;">
                                    <f:facet name="header">
                                        Cantidad de Producto
                                    </f:facet>
                                    <h:outputText value="#{listal.cantidad}" />
                                </p:column>

                                <p:column style="text-align: left;">
                                    <f:facet name="header">
                                        Unidad de Medida
                                    </f:facet>
                                    <h:outputText value="#{listal.unidadmedida}" />
                                </p:column>
                                <p:column style="text-align: left;">
                                    <f:facet name="header">
                                        Tipo de Producto
                                    </f:facet>
                                    <h:outputText value="#{almacenBean.getEstado(listal.producto.flag)}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <p:commandButton icon="icon-update" action="#{almacenBean.irActualizar(listal.id)}"  />
                                    <p:commandButton value="E" actionListener="#{almacenBean.captura(listal.id)}" oncomplete="confirmation.show();" title="Eliminar" />
                                </p:column>
                            </p:dataTable>

                            <p:confirmDialog widgetVar="confirmation" severity="alert"  message="¿Desea eliminar este producto  ?" header="Eliminar"  >  
                                <h:form>
                                    <p:commandButton value="Si" update=":frmAlmacenLst" actionListener="#{almacenBean.eliminardelalmacen}" oncomplete="confirmation.hide();" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                                    <p:commandButton value="No" onclick="confirmation.hide();" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                                </h:form>
                            </p:confirmDialog>
                        </h:form>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>

</ui:composition>
